import React, { Component } from 'react';


export default class Page2 extends Component{
    constructor(props){
        super(props);
        this.state = {
            list:[
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                }
            ]
        }
    }
    render() {
        let dyList = this.state.list.map((data,index) =>{
           return <article className="excerpt excerpt-3 excerpt-text" key={index}>
               <header>
                   <h2>
                       <a href="http://jspang.com/2017/01/11/css3/" title="《玩转CSS3新特性》高级教程录制完成  希望大家喜欢-啦啦啦-胜洪宇关注web前端技术">《玩转CSS3新特性》高级教程录制完成  希望大家喜欢</a>
                   </h2>
               </header>
               <p className="meta">
                   <time><i className="fa fa-clock-o"></i>2017-01-11</time>
                   <span className="author">
                            <i className="fa fa-user"></i>
                            <a href="http://jspang.com/author/jspang001/">啦啦啦</a>
                        </span>
                   <span className="pv"><i className="fa fa-eye"></i>阅读(4593)</span>
                   <a className="pc" href="http://jspang.com/2017/01/11/css3/#respond"><i className="fa fa-comments-o"></i>评论(0)</a>
               </p>
               <p className="note">通过20多天的努力终于把《玩转CSS3新特性》的视频教程录完了，这期间Wos老师给了我很多的帮助，他耐心的一遍遍的教我录制课程的技巧，每节课都给我指出不足，让我不断进步。非常感谢Wos老师的帮助。通过录制这个课程我最大的感受是，输出是最好的...</p>
           </article>
        });
        return(
            <section className={"container"}>
                <div className="title" style={{paddingTop:"10px"}}>
                    <h3>总结经验</h3>
                    <div className="more"><a href="">该说什么呢？</a></div>
                </div>
                {dyList}
            </section>
        )
    }
}
